<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{_fragment :: head(title='后台首页')}">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/me.css" th:href="@{/css/me.css}">
    <link rel="stylesheet" th:href="@{/editormd/editormd.css}">
    <title>后台首页</title>
</head>
<body>
<!--导航-->
<nav class="ui inverted attached segment" th:replace="~{_fragment :: nav(0)}">
    <div class="ui container">
        <div class="ui inverted menu secondary">
            <!--            item表示是menu中的单位之一-->
            <h2 class="ui teal header item">
                WANT
            </h2>
            <a href="#" class="ui item" target="_blank"><i class="info icon"></i>博客列表</a>
            <a href="#" class="ui item" target="_blank"><i class="home icon"></i>博客</a>
            <a href="#" class="ui item" target="_blank"><i class="idea icon"></i>分类</a>
            <a href="#" class="ui item" target="_blank"><i class="tags icon"></i>标签</a>

            <div class="item right">
                <div class="ui input transparent inverted">
                    <input type="text" placeholder="搜索...">
                    <i class="search icon link"></i>
                </div>
            </div>
        </div>
    </div>

</nav>


<div class="m-padding-top-small">
    <div class="ui container ">
        <div class="ui green message large">
            <div class="header">欢迎回家，Van </div>
            <p>这里是博客后台管理处，你可以在这里管理你自己的博客！</p>
        </div>
        <div class="ui segment">
            <img class="ui bordered rounded centered huge image" src="../../static/images/海绵宝宝.png" alt="海绵宝宝" th:src="@{/images/海绵宝宝.png}">
        </div>
    </div>

</div>







<!--footer-->


<footer th:replace="~{_fragment :: footer}" class="ui inverted vertical segment">

    <div class="ui center aligned container m-padded-tb-massive">
        <!--        grid将footer分为16-->
        <div class="ui grid divided inverted">
            <!--            wide填满-->
            <div class="three wide column">
                <img src="../../static/images/weichat.png" th:src="/images/weichat.png" class="image ui rounded" style="width:110px;height:110px">
            </div>
            <div class="three wide column">
                <h4 class="ui inverted header">最新博客</h4>
                <div class="ui inverted link list " >
                    <a href="#" class="item">用户故事</a>
                    <a href="#" class="item">用户故事</a>
                    <a href="#" class="item">用户故事</a>
                </div>
            </div>
            <div class="three wide column">
                <h4 class="ui inverted header">最新博客</h4>
                <div class="ui inverted link list">
                    <a href="#" class="item">用户故事</a>
                    <a href="#" class="item">用户故事</a>
                    <a href="#" class="item">用户故事</a>
                </div>
            </div>
            <div class="seven wide column">
                <h4 class="ui inverted header">最新博客</h4>
                <p>这里是一些其他信息</p>
            </div>


        </div>

        <div class="ui inverted section divider"></div>
        <p>关于法律信息</p>
    </div>
</footer>


<th:block th:replace="~{_fragment :: script}">
</th:block>

</body>
</html>